import React, { useState, useEffect } from 'react'
import "./nav.less"
export default function Nav(props: any) {
    let [status, setStatus] = useState("")
    useEffect(() => {
        props.getParmas(status)
    }, [status])
    function links(n: any) {
        setStatus((o) => o = n)
        // props.getParmas(status)
    }
    return (
        <div style={{
            position: 'sticky',
            top: "0rem"
        }}>
            <div className='uli'>
                <p className='lii' onClick={() => { links(1) }}>
                    普通讲师
                </p>
                <p className='lii' onClick={() => { links(2) }}>
                    高级讲师
                </p>
                <p className='lii' onClick={() => { links(3) }}>
                    特聘讲师
                </p>
                <p className='lii' onClick={() => { links(4) }}>
                    超级讲师
                </p>
            </div>
        </div>
    )
}
